import { PlankSelectModule } from '../PlankSelectModule/PlankSelectModule';
import { Divider, Flex, Space } from 'antd';
import { AppName } from './AppName';
import { PlankName } from './PlankName';
import { PlankEditor } from './PlankEditor';
import { ShowEdge } from './ShowEdge';
import { UndoRedo } from './UndoRedo';
import { Reset } from './Reset';
import { Save } from './Save';

export function ToolBarLeft() {
  return (
    <Space>
      <Flex align="center">
        <AppName />
        <Divider type="vertical" />
        <PlankName />
      </Flex>
      <PlankSelectModule />
    </Space>
  );
}

export function ToolBarMiddle() {
  return (
    <>
      <Space align="center">
        {/* <ShowEdge /> */}
        <PlankEditor />
      </Space>
      <Divider type="vertical" />
      <UndoRedo />
    </>
  );
}

export function ToolBarEnd() {
  return (
    <>
      <Space>
        <Reset />
        <Save />
      </Space>
    </>
  );
}
